const citys = {
  浙江: ['杭州', '宁波', '温州', '嘉兴', '湖州'],
  福建: ['福州', '厦门', '莆田', '三明', '泉州'],
};
Page({
  /**
   * 页面的初始数据
   */
  data: {
    name: '',
    age: '',
    idCard: '',
    sex: '',
    occupation: '',
    city: '',
    schoolName: '',
    serviceCity: '',
    serviceType: '',
    isStu: false,
    occupationCol: ['程序员', '教师', '学生', '工人', '医生'],
    sexCol: ['男', '女'],
    cityCol: [{
        values: Object.keys(citys),
        className: 'column1',
      },
      {
        values: citys['浙江'],
        className: 'column2',
        defaultIndex: 2,
      },
    ],
    serviceCityCol: [{
        values: Object.keys(citys),
        className: 'column1',
      },
      {
        values: citys['浙江'],
        className: 'column2',
        defaultIndex: 2,
      },
    ],
    serviceTypeCol: ['献血', '看望老人'],
    showSex: false,
    showCity: false,
    showServiceCity: false,
    showServiceType: false,
    showOccupation: false,
    fileList: [],
    selectOccupation: "选择职业",
    selectSex: "选择性别",
    selectServiceCity: "选择服务城市",
    selectServiceType: "选择意向活动",
    selectCity: "选择所在城市"
  },
  /**
   * 提交信息
   */
  submit() {
    // console.log(666);
    wx.requestSubscribeMessage({
      tmplIds: ['VcmPZwEWVfSYuMSpaS7CXtxiYupj0xNMDCFSzX7NJX8', 'vQfht41KUwbzYgeb5LJj8Soe8mA-LMxnTcPk6ts9mJs'],
      success (res) { 
    
        console.log(res)
      }
    })
  },

  /**
   * 弹出意向服务活动选择层
   */
  showServiceType() {
    this.setData({
      showServiceType: true
    })
  },
  /**
   * 隐藏意向服务活动弹出层
   */
  hideServiceType() {
    this.setData({
      showServiceType: false
    })
  },
  /**
   * 改变选择服务活动
   * @param {*} event 
   */
  changeServiceType(event) {
    const {
      picker,
      value,
      index
    } = event.detail;
    this.setData({
      serviceType: value,
      selectServiceType: value
    })
  },
  /**
   * 弹出服务城市选择层
   */
  showServiceCity() {
    this.setData({
      showServiceCity: true
    })
  },
  /**
   * 隐藏服务城市弹出层
   */
  hideServiceCity() {
    this.setData({
      showServiceCity: false
    })
  },
  /**
   * 改变选择服务城市
   * @param {*} event 
   */
  changeServiceCity(event) {
    const {
      picker,
      value,
      index
    } = event.detail;
    picker.setColumnValues(1, citys[value[0]]);
    this.setData({
      serviceCity: value,
      selectServiceCity: value
    })
  },
  /**
   * 弹出所在城市选择层
   */
  showCity() {
    this.setData({
      showCity: true
    })
  },
  /**
   * 隐藏所在城市弹出层
   */
  hideCity() {
    this.setData({
      showCity: false
    })
  },
  /**
   * 改变选择所在城市
   * @param {*} event 
   */
  changeCity(event) {
    const {
      picker,
      value,
      index
    } = event.detail;
    picker.setColumnValues(1, citys[value[0]]);
    this.setData({
      city: value,
      selectCity: value
    })
  },
  /**
   * 弹出性别选择层
   */
  showSex() {
    this.setData({
      showSex: true
    })
  },
  /**
   * 隐藏性别弹出层
   */
  hideSex() {
    this.setData({
      showSex: false
    })
  },
  /**
   * 改变选择性别
   * @param {*} event 
   */
  changeSex(event) {
    const {
      value
    } = event.detail;
    this.setData({
      sex: value,
      selectSex: value
    })
  },
  /**
   * 弹出职业选择层
   */
  showOccupation() {
    this.setData({
      showOccupation: true
    })
  },
  /**
   * 隐藏职业弹出层
   */
  hideOccupation() {
    this.setData({
      showOccupation: false
    })
  },
  /**
   * 改变选择职业
   * @param {*} event 
   */
  changeOccupation(event) {
    const {
      value
    } = event.detail;
    if (value == "学生") {
      this.setData({
        isStu: true
      })
    } else {
      this.setData({
        isStu: false
      })
    }
    this.setData({
      occupation: value,
      selectOccupation: value
    })

  },
  /**
   * 图片上传拦截器 调用 callback 方法传入 true 表示校验通过，传入 false 表示校验失败。
   * @param {*} event 
   */
  beforeRead(event) {
    const {
      file,
      callback
    } = event.detail;
    callback(file.type === 'image');
  },
  /**
   * 文件上传完毕后会触发after-read回调函数，从事件对象获取到对应的文件的临时地址
   * @param {事件对象} event 
   */
  afterRead(event) {
    const {
      file
    } = event.detail;
    var fileList = this.data.fileList
    fileList.push({
      url: file.url,
      name: '测试',
    })
    this.setData({
      fileList
    });
    // 当设置 mutiple 为 true 时, file 为数组格式，否则为对象格式
    // wx.uploadFile({
    //   url: 'https://example.weixin.qq.com/upload', // 仅为示例，非真实的接口地址
    //   filePath: file.url,
    //   name: 'file',
    //   formData: {
    //     user: 'test'
    //   },
    //   success(res) {
    //     // 上传完成需要更新 fileList
    //     const {
    //       fileList = []
    //     } = this.data;
    //     fileList.push({
    //       ...file,
    //       url: res.data
    //     });
    //     this.setData({
    //       fileList
    //     });
    //   },
    // });
  },
  /**
   * 点击删除图片按钮
   */
  deleteImage(e) {
    var fileList = this.data.fileList;
    fileList.splice(e.detail.index, 1);
    this.setData({
      fileList
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})